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Membuat Efek Urban dengan Adobe Photoshop 

Posted by Sigit eko on Mar 31st, 2010 in Belajar Photoshop , Photoshop Menengah I 122 comments 



Solar Energy Charity 

Helping Relieve Poverty Though The Provision of Solar Energy. Join Us! 

Iklan Layanan Masyarakat oleh Google 

Saya pake adobe photoshop CS3.. dan kebanyakan tutorial photoshop ilmuphotoshop.com menggunanan Photoshop 
CS3.. 

Kemaren ada yang nanya, photoshop bisa dipake buat bikin efek urban seperti di Corel Draw atau Adobe Illustrator ga 
? saya bilang bisa. . . . padahal waktu itu yang namanya efek urban saya blom tau kayak gimana.. hehehe.. sok tau ya.. 
tapi biarin aja.. toh dari foto menjadi gambar vektor aja bisa dibuat pake photoshop kok ( Ini link nya ). . . padahal 
bagusnya gambar vektor itu dibikin pake Adobe Illustrator atau Corel Draw . 

Setelah saya search di google. . . jadi tau deh efek urban wujudnya kayak gimana. . . hmm .. gak update yaa saya. . .efek 
urban aja gak tau hehehe.. maklum lah pekerja kantoran mah susah bagi waktu buat update informasi.. halah.. 
facebook-an aja bisa ? nah lo.. :p 

Ya udah.. sekarang kita coba buat yang namanya efek urban.. 

Di efek ini kita butuh bantuan Brush yang berbentuk Bunga, daun dan swirl. 

Download dulu Brush nya » Klik disini «. 

Cara Installnya : 

Setelah di download., extract file brush.rar pake WinRar. kalo blom ada winrar, Download winrar disini. 

setelah di extract file Swirls_And_Flowers_Brushes.abr .. copy ke c://program files/adobe/photoshop 
/preset/brush/ 

Klik 2x file tersebut.. nanti kebuka photoshop nya kan ? nah brush nya sudah terinstall.. Congratulation! ! 



Sekarang buka dokumen baru .. kalo mau dijadiin wallpaper pake ukuran standard wallpaper aja 1024 px x 768 px 
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Name: Untitle d-1 



Preset: Custom 



Size: 
Width: 600 
Height: 600 



pixels 



pixels 



Resolution: 180 



pixels/ inch 



Color Mode: RGB Color ▼ 8 bit 



Background Contents: White 
Advanced 



klik gradient tool, buat radial gradient (warna terserah aja ya.. mau sama juga gpp kok.. gak dilarang ) 



T Opacity: yx 



warna gradient.. I 
klik aja untuk r 
ganti warna 




radial gradient 
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ini nanti fungsi nya sebagai background. 

sekarang buka gambar yang mau dijadiin korban nya.. 

Saya pake gambar sepupu saya yang masih kecil .. 

Seleksi objek dengan pen tool .. settingannya ada di bawah nih.. santai aja yaa nyeleksi nya.. biar nanti jadinya bagus. 




Kalo udah beres terseleksi , klik kanan > make selection 




kalo udah terseleksi, Drag gambar yang udah terseleksi ke dokumen baru yang dikasih warna gradient hijau. otomatis 
akan terbentuk layer baru (gambar objek yang tlah terseleksi) 

di layer gambar : Klik Filter >artistic > Cutout ( settingan nya terserah yaa.. karena tergantung besar kecilnya gambar 
juga) 
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klik Ctrl + J untuk menduplikat layer gambar. 




Klik 2x layer hasil duplikat tadi untuk menampilkan blending options , atau klik kanan > blending options 
setting color overlay nya 



Styles 



Blending Options: Default 
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ilm 



u 



Gr= 3'sri =r =y 

□ Pattern Overlay 

□ Stroke 



Color Overlay 
Color 

Bfend Mode: overlay 

Opacity: 



orange 
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jangan dulu di OK ya.. sekarang lanjutin ke Outer glow 



Styles 



Blending Options: Default 
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EJ Outer Glow 
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FH Textu re 
r] Satin 
El Color Over 
H Gradient Overlay 

□ Pattern Overlay 

□ Stroke 
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Structure 



Blend Mode: Norma | 
Opacity; 
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Eits.. jangan dulu di OK., setting juga stroke nya 
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Blending Options: Default 
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EJ Stroke 



Stroke 



Structure 

Sze: Q 

Position: 



Blend Model 
Opacity: 
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Normal 
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Gradient: 
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Angle: 
Scale; 
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hasil sementara 



buat layer baru di atas layer background .. klik layer > new > layer 



buat layer baru di atas lay&r 
background 
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9 Effects 
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gunakan paint bucket tool untuk mewarnai layer baru tadi dengan warna putih. 
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paint bucket tool 



Lock: □ J -f 3 
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Layer 1 copy I 
9 Effects 



Outer Glow 



Color Overlay 



Stroke 



Layer 1 
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buat lay e-r baru di alas layer 
background. 
Klik Layer > new > layer 
warnai dengan warn a putih 




matiin kedua layer objek atau layer gambar .. dengan mengklik icon mata di pinggir layer. 
Gunakan brush tool (softround 300 px, warna Hitam ) untuk membuat bulatan seperti gambar. 
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Layers X | Channel; | 



warn a hitam 



□ J* a 



Layer 1 copy 



■ Effects 



^ klik gambar mata untuk 
mematikan layer 
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Klik Filter > pixelate > color halftone 



Color Halftone 



Max, Radius: 
Screen Angles (Degrees): 
Channel 1: 20 
Channel 2: 20 
Channel 3: 2D 
Channel 4: 



{Pixels) OK. 
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Klik Select > Color range 



olor flange 



klik select > color range 



Select: ^ Sampled Colors ▼ 
Fuzziness: 19 
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Save 
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Selection Preview: None 



□ Invert 
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sekarang terseleksi bagian dots nya kan ? nah untuk menghapus warna putihnya .. klik select > inverse .. lalu teken 
DELETE di keyboard. Tekan CTRL + D untuk menghilangkan seleksi 




J Layers x | Channels | Path; | 
9 Normal 



T Opacity: | U»%J_|J 



Lock: □ J *f 0 



Fill: 
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Klik 2x layer dots tadi untuk mengeluarkan blending options., atau klik kanan > blending option 
edit color overlay nya.. 



Styles 



Blending Options: Custom 
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□ Color Overlay 



□ Gradient Overlay 

□ Pattern. Overlay 

□ Stroke 
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Color 



Blend Mode: Norma | 
Opacity! 
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duplikat layer dots tadi dengan menekan Ctrl +J , kecilin atau besarin ukurannya.. buat beberapa buah Dots, 
ubah warna nya dengan mengganti warna di blending option > color overlay 



Styles 



Blending Options: Custom 



r~l Drop Shadow 
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I Color Overlay 
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□ Stroke 
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hasilnya : 



Sekarang kita beri starburst 

tutorial nya ada disini : Efek Starburst 

tapi sekarang saya buat dengan manual aja ya.. 

Klik Pen Tool .. Jenis pen : Shape layer, warna putih 

buat seperti contoh dibawah ya.. 
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ubah layer efek menjadi overlay lalu opacity dan fill sekitar 50% 




Buat layer baru di atas layer Shape 1 .. klik Layer > new > layer 
sekarang kita bersenang-senang dengan brush yang tadi udah di install 



Klik Brush tool .. klik kanan di area gambar nanti muncul brush option 
klik jenis brush yang mau dipake : saya pake no 375 dan diameter 370 px 
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khk di gambar sesuai kreatifitas masing-masing 




buat layer baru dan gunakan brush yang lain nya.. 

nanti ubah-ubah warna nya pake blending option > color overlay atau ubah layer effect nya jadi Overlay .. pokoknya 
semua terserah anda.. hehehe.. 

hasilnya : 




hasil dengan gambar lain : 



Selamat berkreasi deh ya. 



(Q SHARE ja»J 






KlikDisini !! 
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122 Responses to "Membuat Efek Urban dengan Adobe Photoshop" 

1. ilham tie says: 

May 29, 2010 at 7:33 am 

Thanx bgt ilmu na boz >_< pasti bnyak bgt manfaatna boeat generasi muda qt yg ingin maju n kreatif, goodluck 
yach 

2. Dhan says: 

May 30, 2010 at 10:19 am 

Nice Dude 

3. olok says: 

May 31, 2010 at 8:15 pm 

weleh2. . . . ni kan tut dari website barat kannnn dapet nyiplak y mass? 

4. Inspirasi Dari Timur says: 
June 1,2010 at 7:59 am 

mantap benar thenks ya mas ! 

5. doel says: 

June 3, 2010 at 2:59 am 



Thanks banyak boz. . .atas ilmu_nya dan semoga bermanfaat. . . 
salam kenal juga . . . 

6. udin says: 

June 4, 2010 at 5:46 pm 

saya g paha cara drag., mohon dicontohkan.. trims 

7. Jondris Stg says: 

June 5, 2010 at 6:36 pm 

Keren Editannya 

Thx Ilmunya A _ A 

GBU„. 

8. hafiz says: 

June 6, 2010 at 12:58 pm 

terimakasih.. sgt bermanfaat.. 

9. Hariri says: 

June 7, 2010 at 2:27 pm 

mas, download brush yg kayak gtu (buat efek urban/floral) di mana. . .??? 

10. sinaga says: 

June 9, 2010 at 3:36 pm 

Mas., maaf Mo tanya . saya kewalahan men download Brush dan winrar.. cara nya gimana ya .. 
terima kasih 

11. sinaga says: 

June 9, 2010 at 3:45 pm 

Saya sudah Mengikuti intruksi download yang diatas tapi lari nya kenapa ke windows media player., dan tiddak 

bisa di buka.. mohon penjelasan nya mas.. 

terimakasih 

12. DENNY NEONNUB says: 
June 11, 2010 at 10:17 am 

Tutorial2nya mantap. . .saya jadi semakin mencintai photoshop dan situs yang satu ini. . .special thx bwt adminnya 
SigitEko... 

13. arifin says: 

June 16, 2010 at 12:15 am 

mas 

14. Miftah Afina says: 

June 16, 2010 at 1:43 pm 

Lah Terus berkarya! ! ! 

15. deffie says: 

June 19, 2010 at 10:32 pm 

gak berhasil nih! fotonya malah gak muncul! gimana nih T.T 



16. farid says: 

June 22, 2010 at 4:29 am 

gmn era downloadnya mas . . 

17. adam says: 

June 22, 2010 at 10:33 pm 

wuih, kren jg nih.. 

18. yudikk says: 

June 23, 2010 at 8:45 am 

thanks broww.. baek banget sich bagi2 ilmu. . . . jarang lo da yang mau bagi2 ilmu kayak gini 

19. edyson says: 

June 28, 2010 at 3:46 pm 

mas, download brush yg kayak gtu (buat efek urban/floral) di mana. . .??? 

20. Njie says: 

July 1,2010 at 6:10 pm 

kang klo yang cs2 ada ga n ajarin cara or tips2 dalam memotong gambar makasih 

21. Istiani sofiatunnisa says: 
July 21, 2010 at 9:57 am 

Ass... 

Mksih yah mas tas Ilmu' a. . . 

aku suka bgt tutor"n KEREN ABZzzz. . . 

Pi Mas Mo Nnya 

Cara Instal Burs' a Gmn sih....????? 
Mohon Bantuan'a... A _ A 

22. ardiansyah johar says: 
July 28, 2010 at 10:32 pm 

klau buat efek kembang yang tampil muka ama blakang gambar gimana ya kak?? 
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